<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" /> 
<title>宠物分享</title> 
</head> 
<style type="text/css"> 
html{ 
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
 background: url(images/shar.jpg)  0px 0px;
color: #4f6b72; 
display: flex;
	align-items: center;
	justify-content: center;
	height: 547px;
} 

 
#mytable { 
width: 700px; 
padding: 0; 
margin: 0; 
} 
 
caption { 
padding: 0 0 5px 0; 
width: 700px; 
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
text-align: center; 
} 
 
th { 
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
border: 1px solid #C1DAD7; 
letter-spacing: 2px; 
text-transform: uppercase; 

background: #CAE8EA  no-repeat; 
} 
 
th.nobg { 
border-top: 0; 
border-left: 0; 
border-right: 1px solid #C1DAD7; 

} 
 
td { 
border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
background: #fff; 
font-size:11px; 

} 



</style> 
<body> 
<table id="mytable" cellspacing="0"> 
<caption>爱宠分享</caption> 
<tr> 
<th scope="col">序号</th> 
<th scope="col">爱宠昵称</th> 
<th scope="col">爱宠介绍</th> 
<th scope="col">爱宠靓图</th> 
<th scope="col">操作</th> 
</tr> 
<c:forEach var="p" items="${pets}" varStatus="vs">
<tr>
	<td>${vs.count }</td>
	<td>${p.petname }</td>
	<td>${p.pintroduce }</td>
	<td><img src="${pageContext.request.contextPath }/${p.ppic }"></td>
</tr>
</c:forEach> 
<tr>
	<td align="center" colspan="5">
		<a href="${pageContext.request.contextPath }/toAddPet.action">
				<input type="button" value="上传爱宠的日常">
		</a>
	</td>
</tr> 
</table> 
</body> 
</html>